<header>
    <div class="nav-logo" >

        <img src="/assets/images/logo.png" />
        <h2> Cucume</h2>

        <img class="dna-img" src="/assets/images/image1.jpg" style="text-align: center" />

        <p>Address for the potential correlations between RNA methylation, RNA mobility and QTL from
            <span>Epitranscripome Sequencing Data</span>
        </p>

    </div>

    <nav class="navbar navbar-expand-lg">

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="/">  Home</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.BrowseController.browsePage()">  Browse </a></li>

                <li class="nav-item my-dropdown">
                    <a class="nav-link" href="#">  Search <i class="fa fa-caret-down"></i></a>
                    <ul>
                        <li><a href="@routes.SearchController.searchPage()">Search By Gene ID</a></li>
                        <li><a href="@routes.SearchController.searchPosPage()">Search By Condition</a></li>
                    </ul>
                </li>
                <li class="nav-item my-dropdown">
                    <a class="nav-link" href="#">  JBrowse <i class="fa fa-caret-down"></i></a>
                    <ul>
                        <li><a href="http://cucume.cn:8080/?data=my_data/Cap/Cm/data" target="_blank">Pumpkin</a></li>
                        <li><a href="http://cucume.cn:8080/?data=my_data/Cap/Cs/data" target="_blank">Cucumber</a></li>
                    </ul>
                </li>
                <li class="nav-item"><a class="nav-link" href="@routes.BlastController.blastPage()">  Blast</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.ToolsController.qtlPage()">  QTL</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.statPage()">  Statistics</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.downloadPage()"> Download</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.MotifController.motifPage()"> Motif</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.helpPage()"> Help</a></li>
                <li class="nav-item"><a class="nav-link" href="@routes.HomeController.contactPage()"> Contact</a></li>


                <li class="nav-item my-dropdown" style="float: left;width: 50px"><a class="nav-link" href="javascript:void(0)">
                    <i class="fa fa-share-alt"></i></a>

                    <ul>
                        <li><a href="mailTo:;" target="_blank"><i class="fa fa-envelope-o"></i> Email</a></li>
                        <li><a href="https://twitter.com/share?url=http://cucume.cn/" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
                        <li><a href="http://www.facebook.com/sharer.php?kid_directed_site=0&u=http://cucume.cn/" target="_blank"><i class="fa fa-facebook-f"></i> Facebook</a></li>
                        <li><a href="http://www.linkedin.com/shareArticle?url=http://cucume.cn/" target="_blank"><i class="fa fa-linkedin"></i> LinkedIn</a></li>
                        <li><a href="http://v.t.sina.com.cn/share/share.php?url=http://cucume.cn/&title=Cucurbit RNA methylation Database (Cucume)" target="_blank"><i class="fa fa-weibo"></i> Sina Weibo</a></li>

               </ul>

                </li>
            </ul>

        </div>
    </nav>
</header>

